// #body > #main > .post_wrapper

// .post_wrapper 文章容器
// .header_wrapper 文章标题
// .crumbs_patch 面包屑导航
// .post_content 文章内容
// .tags 文章标签
// .post-near 文章翻页器

#body {
  margin-left: @asideWidth;
  height: 100%;
  // 响应手机
	@media (max-width:767px) {
		margin-left: 0;
  }
}

#main {
  display: flex;
  box-sizing: border-box;
  padding-bottom: @footerHeight;
  min-height: calc(100vh - @headerHeight);
  // 响应ipad和手机
  @media(max-width: 1201px) {
    flex-wrap: wrap;
  }
}

.post_wrapper {
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  // 响应ipad
  @media (min-width:767px) and (max-width: 1201px) {
    padding-right: 0;
  }
  // 响应手机
  @media (max-width:767px) {
    padding: 0;
  }
}
	
.post {
  padding: 15px 20px;
  margin-bottom: 10px;
  background: @postBg;
}

  .tags {
    clear: both;
    background: #fff;
    padding: 10px;
  }
  
  .tags a {
    padding: 3px 5px;
  }
  
  .tags a::before {
    font-family: "iconfont";
    content: '\e63e';
    margin-right: 3px;
  }
  
  .header {
    background: @postBg;
    padding: 10px;
    margin-bottom: 10px;
  }

  .post-title {
    margin: .83em 0;
    font-size: 1.4em;
    color:@globalTitle;
  }

  .post-meta {
    margin-top: -0.5em;
    padding: 0;
    color: @globalTextGray;
    font-size: .92857em;
    user-select: none;

    li {
      display: inline-block;
      margin: 0 8px 0 0;
      padding-left: 12px;
      border-left: 1px solid @globalBorderColor;
    }

    li:first-child {
      margin-left: 0;
      padding-left: 0;
      border: none;
    }

    .iconfont {
      font-size: .9em;
    }
  }

  .post-content {
    color: @globalText;
  }

  .post-near {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    color: @globalText;

    li {
      margin: 10px 0;
    }
  }

  .page-navigator {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    text-align: center;

    li {
      display: inline-block;
      margin: 0 4px;
      background: @pageNavigatorBg;
    }
    
    a {
      display: inline-block;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      border-radius: 2px;
      color: @pageNavigatorCurrent;
    }

    a:hover {
      text-decoration: none;
      background: @pageNavigatorCurrent;
      color: @pageNavigatorBg;
    }

    .current a {
      color: @pageNavigatorBg;
      background: @pageNavigatorCurrent;
    }
  }

  
.archive-title {
  font-size: 1.2em;
  color :@globalText;
}

.crumbs_patch {
  margin-bottom: 10px;
  padding: 10px;
  color :@globalText;
  cursor: default;
  user-select: none;
  background: @postBg;

  a {
    cursor: pointer;
  }

  .iconfont {
    font-size: .9em;
    margin: 0 3px;
  }
}
